<h1>运行代码</h1>

<section>
  <h2>说明</h2>
  <p>
    本功能用于快速运行一段简短的代码。
  </p>
</section>

<section>
  <h2>示例</h2>
  <div class="bubble-wrapper right">
    <div class="bubble">
      <p>
        运行代码 python<br>
        <span class="mono">
          msg = 'Hello, world!'<br>
          print(msg)
        </span>
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble">
      <p>
        正在运行，请稍等……
      </p>
    </div>
  </div>
  <div class="bubble-wrapper left">
    <div class="bubble mono">
      <p>
        stdout:<br>
        <br>
        Hello, world!<br>
        <br>
      </p>
    </div>
  </div>
</section>

<section class="bg-color-1">
  <h2>格式</h2>
  <p>
    运行代码　编程语言<br>
    代码
  </p>
  <p>PS: 注意代码前面需要换行</p>
</section>

<section class="bg-color-2">
  <h2>命令别名</h2>
  <p>
    run, 运行, 运行代码
  </p>
</section>

<section class="bg-color-3">
  <h2>编程语言</h2>
  <p>
    assembly, bash, c, clojure, coffeescript, cpp, csharp, erlang, fsharp, go, groovy, haskell, java, javascript,
    julia, kotlin, lua, perl, php, python, ruby, rust, scala, swift, typescript
  </p>
</section>

<link rel="stylesheet" href="css/style.css">
<script src="js/genpage.js"></script>